<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>



    <script src="js/main.js"></script>
    <script src="js/wow.min.js"></script>
    <script>
            new WOW().init();
    </script>
    <script src="swiper/js/swiper.min.js"></script>
    <script src="js/jquery-1.11.0.min.js"></script>
    <!-- <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script> -->



    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/animate.min.css">
    <link rel="stylesheet" href="swiper/css/swiper.min.css">
    <!-- Bootstrap -->
    <!-- <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet"> -->


</head>
<body>
    <!-- 这是header -->
    <div class="header">
        <div class="logo"><img src="assets/header/logo .png" alt=""></div>
        <div class="nav">
            <ul>
                <li>
                    <a class="links active" href="index.html">首页</a>
                    <ul>
                        <li><img src="assets/header/标示线.png" alt=""></li>
                    </ul>
                </li>
                <li>
                    <a class="links" href="product.html">产品中心</a>
                    <ul>
                        <li><img src="assets/header/标示线.png" alt=""></li>
                    </ul>
                </li>
                <li>
                    <a class="links" href="solution.html">解决方案</a>
                    <ul>
                        <li><img src="assets/header/标示线.png" alt=""></li>
                    </ul>
                </li>
                <li>
                    <a class="links" href="honor.html">资质荣誉</a>
                    <ul>
                        <li><img src="assets/header/标示线.png" alt=""></li>
                    </ul>
                </li>
                <li>
                    <a class="links" href="succeed.html">成功案例</a>
                    <ul>
                        <li><img src="assets/header/标示线.png" alt=""></li>
                    </ul>
                </li>
                <li>
                    <a class="links" href="cooprate.html">商务合作</a>
                    <ul>
                        <li><img src="assets/header/标示线.png" alt=""></li>
                    </ul>
                </li>
                <li>
                    <a class="links" href="trying.html">产品试用</a>
                    <ul>
                        <li><img src="assets/header/标示线.png" alt=""></li>
                    </ul>
                </li>
            </ul>
        </div>
        <div class="aqwk">
            <img src="assets/header/文库.png" alt="">
            <p class="contactUs">联系：0315-801-8066</p>
        </div>
    </div>
    <!-- 这是轮播图 -->
    <div class="slider animated wow fadeInUp">

        <div class="swiper-container sliderA">
            <div class="swiper-wrapper">
                <!-- 在这里添加轮播图哟 -->
                <div class="swiper-slide"><img src="assets/home/banner.png" alt=""></div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
            
            <!-- 如果需要导航按钮 -->
            <div class="swiper-button-prev slider-a-prev"></div>
            <div class="swiper-button-next slider-a-next"></div>
            
            <!-- 如果需要滚动条 -->
            <div class="swiper-scrollbar"></div>
        </div>


    </div>
    <!-- 链接标识 -->
    <!-- <div class="linkDownPic"><img src="assets/header/标示线.png" alt=""></div>assets/header/标示线.png -->
    <!-- 第一个详情 -->
    <div class="firstContent animated wow fadeInRight" data-wow-offset="50" data-wow-delay="1s">
        <div class="squre"></div>
        <div class="squreD"></div>
        <p style="margin-top: 0.5rem; height:1.06rem;font-size:1.13rem;font-family:MicrosoftYaHei;font-weight:400;color:rgba(51,51,51,1);">产品中心</p>
        <p style="margin-top: 0.5rem;height:0.56rem;font-size:0.75rem;font-family:ArialMT;font-weight:400;color:rgba(102,102,102,1);">Product Center</p>
        <p class="littleDash"></p>
        <div class="proList">
            <ul>
                <li>
                    <img src="assets/home/1.png" alt="">
                    <p>安全检查与隐患排查治理</p>
                </li>
                <li>
                    <img src="assets/home/2.png" alt="">
                    <p>安全综合监控</p>
                </li>
                <li>
                    <img src="assets/home/3.png" alt="">
                    <p>安全教育培训</p>
                </li>
            </ul>
            <ul>
                <li>
                    <img src="assets/home/4.png" alt="">
                    <p>安全风险分级管控</p>
                </li>
                <li>
                    <img src="assets/home/5.png" alt="">
                    <p>应急综合管理</p>
                </li>
                <li>
                    <img src="assets/home/6.png" alt="">
                    <p>集团安全综合管理</p>
                </li>
            </ul>
            <ul>
                <li>
                    <img src="assets/home/7.png" alt="">
                    <p>安全生产预测预警</p>
                </li>
                <li>
                    <img src="assets/home/8.png" alt="">
                    <p>安全生产专业管理</p>
                </li>
                <li>
                    <img src="assets/home/9.png" alt="">
                    <p>集体安全管理综合信息平台</p>
                </li>
            </ul>
        </div>
        
    </div>

    <!-- 第二个文章 -->
    <div class="secondContent animated wow fadeInRight" data-wow-offset="50" data-wow-delay="1s">
            <div class="squre"></div>
            <div class="squreD"></div>
            <p style="margin-top: 0.5rem;
            font-size:1.13rem;
            font-family:MicrosoftYaHei;
            font-weight:400;
            color:rgba(255,255,255,1);">解决方案</p>
            <p style="margin-top: 0.5rem;
            height:0.56rem;
            font-size:0.75rem;
            font-family:ArialMT;
            font-weight:400;
            color:rgba(255,255,255,1);">Solution</p>
            <p class="littleDash"></p>
            <div class="contentAll">
                <ul>
                    <li>
                        <img src="assets/home/img-01.png" alt="">
                        <p style="
                        height:1.06rem;
                        font-size:1.13rem;
                        font-family:MicrosoftYaHei;
                        font-weight:400;
                        color:rgba(51,51,51,1);
                        line-height:1.13rem;margin:1rem 0 1rem 0;">大型企业</p>
                        <p style="width:15.94rem;
                        height:4.19rem;
                        font-size:0.75rem;
                        font-family:MicrosoftYaHei;
                        font-weight:400;
                        color:rgba(102,102,102,1);
                        line-height:1.13rem;text-align:center;">      全面的云计算架构, 物联网及大数据计算
                            危险源管理SaaS模式开发，具备大规模的互联网
                                服务能力提供开发、部署、实施、运维
                                                    一体化服务</p>
                    </li>
                    <li>
                        <img src="assets/home/img-02.png" alt="">
                        <p style="
                        height:1.06rem;
                        font-size:1.13rem;
                        font-family:MicrosoftYaHei;
                        font-weight:400;
                        color:rgba(51,51,51,1);
                        line-height:1.13rem;margin:1rem 0 1rem 0;">中小型企业</p>
                        <p style="width:15.94rem;
                        height:4.19rem;
                        font-size:0.75rem;
                        font-family:MicrosoftYaHei;
                        font-weight:400;
                        color:rgba(102,102,102,1);
                        line-height:1.13rem;text-align:center;">      支持危险源辨识、分析和控制措施管理等
    支持日常检查、上级检查、外部检查等多种形支持
        任务自动派发、整改验收、统计分析等</p>
                    </li>
                    <li>
                        <img src="assets/home/img-03.png" alt="">
                        <p style="
                        height:1.06rem;
                        font-size:1.13rem;
                        font-family:MicrosoftYaHei;
                        font-weight:400;
                        color:rgba(51,51,51,1);
                        line-height:1.13rem;margin:1rem 0 1rem 0;">冶金类企业</p>
                        <p style="width:15.94rem;
                        height:4.19rem;
                        font-size:0.75rem;
                        font-family:MicrosoftYaHei;
                        font-weight:400;
                        color:rgba(102,102,102,1);
                        line-height:1.13rem;text-align:center;">          根据不同行业进行定制化开发让领导
    直观掌握企业安全动态支持原因分析、事后整改
                        支持多维度的统计分析</p>
                    </li>
                </ul>
            </div>

    </div>

    <!-- 第三个文章 -->
    <div class="firstContent animated wow fadeInRight" data-wow-offset="50" data-wow-delay="1s">
            <div class="squre"></div>
            <div class="squreD"></div>
            <p style="margin-top: 0.5rem; height:1.06rem;font-size:1.13rem;font-family:MicrosoftYaHei;font-weight:400;color:rgba(51,51,51,1);">成功案例</p>
            <p style="margin-top: 0.5rem;height:0.56rem;font-size:0.75rem;font-family:ArialMT;font-weight:400;color:rgba(102,102,102,1);">Succeed</p>
            <p class="littleDash"></p>
            <div class="thirdList">
                <ul>
                    <li>
                        <div class="thirdListPic"><img src="./assets/home/img-05.png" alt=""></div>
                        <div class="thirdListArt">
                            <div class="thirdListArtTitle">钢铁行业进行系统部署</div>
                            <div class="thirdListArtDate"></div>
                            <div class="thirdListArtContent"><p>通过项目整体信息、管理制度、应急预案、<p>设计文件的档案式管理，对双控体系和安全绩效分</p> <p>层分权管理，统一隐患PDCA闭环管理,</p> 提高项目组整体安全效率</p></div>
                        </div>
                    </li>
                    <li>
                        <div class="thirdListPic"><img src="./assets/home/img-04.png" alt=""></div>
                        <div class="thirdListArt">
                            <div class="thirdListArtTitle">钢铁行业进行系统部署</div>
                            <div class="thirdListArtDate"></div>
                            <div class="thirdListArtContent"><p>通过项目整体信息、管理制度、应急预案、<p>设计文件的档案式管理，对双控体系和安全绩效分</p> <p>层分权管理，统一隐患PDCA闭环管理,</p> 提高项目组整体安全效率</p></div>
                        </div>
                    </li>
                </ul>
                <ul>
                    <li>
                        <div class="thirdListPic"><img src="./assets/home/img-07.png" alt=""></div>
                        <div class="thirdListArt">
                            <div class="thirdListArtTitle">钢铁行业进行系统部署</div>
                            <div class="thirdListArtDate"></div>
                            <div class="thirdListArtContent"><p>通过项目整体信息、管理制度、应急预案、<p>设计文件的档案式管理，对双控体系和安全绩效分</p> <p>层分权管理，统一隐患PDCA闭环管理,</p> 提高项目组整体安全效率</p></div>
                        </div>
                    </li>
                    <li>
                        <div class="thirdListPic"><img src="./assets/home/img-06.png" alt=""></div>
                        <div class="thirdListArt">
                            <div class="thirdListArtTitle">钢铁行业进行系统部署</div>
                            <div class="thirdListArtDate"></div>
                            <div class="thirdListArtContent"><p>通过项目整体信息、管理制度、应急预案、<p>设计文件的档案式管理，对双控体系和安全绩效分</p> <p>层分权管理，统一隐患PDCA闭环管理,</p> 提高项目组整体安全效率</p></div>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="midLine">
                <img src="assets/home/icon-03.png" alt="">
                <div class="downLine1"></div>
                <div class="circle"></div>
                <div class="downLine2"></div>
                <div class="circle"></div>
                <div class="downLine3"></div>
                <img style="margin-top:-15px;" src="assets/home/icon.png" alt="">
            </div>
    </div>
    <!-- 这是错开的阴影 -->


    <!-- 第四个文章 -->
    <div class="fourthContent animated wow fadeInRight" data-wow-offset="50" data-wow-delay="1s">
        <div class="fourthArticle">
            <p >企业安全生产综合管理平台（Safety   Integrated Management）以
            《企业安全生产标准化基本规范》（GB/T 33000-2016）为基准，围绕
            “人机环管”，采用PDCA动态循环模式，引入物联网、大数据，云服务
            等前沿技术，实现隐患排查闭环治理、安全生产预测预警、安全风险分级
            管控、应急管理、现场管理、重大危险源在线监控及预警、安全生产电子
            台账管理等系统功能；
            </p>
            <p >落实安全生产责任制，建立健全安全生产标准化管理体系，全面提升
            安全生产管理水平，不断提升安全生产绩效，预防和减少事故的发生；
            是企业安全生产监管和决策的得力助手，为企业提供了全面
            高效的安全生产信息化解决方案。</p>
        </div>
        
    </div>

    <!-- 第五个文章
    -->
    <div class="firstContent animated wow fadeInRight" data-wow-offset="50" data-wow-delay="1s">
        <div class="squre"></div>
        <div class="squreD"></div>
        <p style="margin-top: 0.5rem; height:1.06rem;font-size:1.13rem;font-family:MicrosoftYaHei;font-weight:400;color:rgba(51,51,51,1);">商务合作</p>
        <p style="margin-top: 0.5rem;height:0.56rem;font-size:0.75rem;font-family:ArialMT;font-weight:400;color:rgba(102,102,102,1);"> cooperation</p>
        <p class="littleDash"></p>
        <div class="fifthList">
            <ul>
                <li><img src="assets/home/content-01.png" alt=""></li>
                <li><img src="assets/home/content-02.png" alt=""></li>
            </ul>
            <ul>
                <li><img src="assets/home/content-03.png" alt=""></li>
                <li><img src="assets/home/content-04.png" alt=""></li>
            </ul>
            <ul>
                <li><img src="assets/home/content-05.png" alt=""></li>
                <li><img src="assets/home/content-06.png" alt=""></li>
            </ul>
        </div>
        
        
    </div>

        <!-- 这是footer -->
    <div class="footer animated wow fadeInUp">
        <div class="footerHeart">
            <div class="footerContent">
                <div class="qrcode">
                    <div class="wx">
                        <p style="height:1rem;
                        font-size:1rem;
                        font-family:MicrosoftYaHei;
                        font-weight:400;
                        color:rgba(245,245,245,1);
                        line-height:1.13rem;">官方微信</p>
                        <img src="assets/footer/微信二维码.png" alt="">
                    </div>
                    <div class="qq">
                        <p style="height:1rem;
                        font-size:1rem;
                        font-family:MicrosoftYaHei;
                        font-weight:400;
                        color:rgba(245,245,245,1);
                        line-height:1.13rem;">APP下载</p>
                        <img src="assets/footer/app下载.png" alt="">
                    </div>
                    <div class="hrefs">
                        <p style="
                        height:1rem;
                        font-size:1rem;
                        color:rgba(255,255,255,1);">网站链接</p>
                        <p style="
                        height:0.81rem;
                        font-size:0.75rem;
                        color:rgba(215,215,215,1);">北京首钢自动化有限公司（官网）</p>
                        <p style="
                        height:0.81rem;
                        font-size:0.75rem;
                        color:rgba(215,215,215,1);">后台系统登录</p>
                    </div>
                </div>    
                <div class="infomation">
                    <span>服务热线</span>
                    <span>商务合作</span>
                </div>
                <div class="fgx"></div>
                <div class="footerContList">
                    <ul>
                        <li>电话：0315-8018066</li>
                        <li>24小时在线帮助</li>
                    </ul>
                    <ul>
                        <li>邮箱：xiaohan@shougang.com.cn</li>
                        <li>地址：北京市石景山区石门路1号</li>
                    </ul>
                </div>
            </div>
            <!-- <img src="assets/footer/Message.png" alt=""> -->
            <!-- 获客表单 -->
            <div class="staticForm  animated wow fadeInRight"  data-wow-offset="50" data-wow-delay="1s">
                <!-- <form action="http://192.168.147.32:8080/srp/mh/mh-register!add.action" method="POST"> -->
                    <div class="inLine">
                        <input type="text" name="personName" id="name" placeholder="姓名">
                        <input type="email" name="email" id="email" placeholder="邮箱">
                    </div>
                    <div class="inLine">
                        <input type="tel" name="telephone" id="tel" placeholder="电话">
                        <input type="text" name="company" id="company" placeholder="公司">
                    </div>
                   
                    <textarea name="need" id="needed" cols="47" rows="10" placeholder="需求说明"></textarea>
                    <input style="border:none;margin: 1rem;" type="button" onclick="submit()" value="发送留言">
                <!-- </form> -->
            </div>
        </div>
        <div class="bbbb">
                Copyright © 2018 shougang.com.cn, All Rights Reserved © 2018中国·首钢集团
        </div>
    </div>
    <div class="qqwxwb"  >
        <ul class="qwbli">
            <li onmouseover="changeSlide(true);">
                <img src="assets/slider/在线咨询.png" alt="">
                <p>在线咨询</p>
            </li>
            <li onmouseover="changeSlide(true);">
                <img src="assets/slider/电话咨询.png" alt="">
                <p>电话咨询</p>
            </li>
            <li onmouseover="changeSlide(true);"">
                    <img src="assets/slider/微信咨询.png" alt="">
                    <p>微信咨询</p>
                </li>
            <li onclick="toTop()">
                <img src="assets/slider/top.png" alt="">
                <p>回到顶部</p>
            </li>
        </ul>
        <ul class="qwbhover">
            <li onmouseout="changeSlide(false);"  onclick="javascript:window.open('http://b.qq.com/webc.htm?new=0&sid=1019731987&o=首安云官网&q=7', '_blank', 'height=502, width=644,toolbar=no,scrollbars=no,menubar=no,status=no');" >qq在线咨询</li>
            <li onmouseout="changeSlide(false);">0315-8018066</li>
            <li onmouseout="changeSlide(false);">扫一扫关注<br/>微信公众号</li>
            <li onclick="toTop()" style="
            width: 4rem;
            height: 4rem;
            background-color: rgba(0,0,0,0.68);
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 1rem;
            flex-direction: column;
            color: #fff;
            font-size: 0.88rem;
            margin-left: 6rem;
            cursor: pointer;"
            >
                <img src="assets/slider/top.png" alt="">
                <p>回到顶部</p>
            </li>
            <li><div style="
                position:relative;
                top: -250%;
                margin-right: 16rem;
                "><img src="assets/slider/矩形7.png" alt=""></div></li>
        </ul>
        
        
    </div>
</body>
</html>